@extends('admin.common.admin')
@section('cnt')
    <div class="page-container">
        <h4>欢迎您进入后台管理系统!</h4>
        <!--为echarts准备一个具有固定宽高的DOM-->
        <div id="main" style="width: 600px;height: 400px"></div>
    </div>
@endsection
@section('js')
    <script src="/js/echarts.min.js"></script>
    <script>
        //基于准备好的dom,初始化echarts实例
        var myChart=echarts.init(document.getElementById('main'));
        //指定图表的配置项和数据
        var option={
            title:{
                text:"好客租房已租和未租房源统计",
                subtext:'{{$date}}',
                left:'center'
            },
            tooltip:{
                show:true,
                trigger:'item'
            },
            legend:{
                orient:'vertical',
                left:'left',
                data:['已租','未租']
            },
            series: [{
                name: '访问房源',
                type: 'pie',
                radius:'55%',
                center:['50%','60%'],
                data: [
                    {value:{{$rented}},name:'已租'},
                    {value:{{$rent}},name:'未租'}
                ],
                emphasis:{
                    itemStyle:{
                        shadowBlur:10,
                        shadowOffsetX: 0,
                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                    }
                }
            }]
        };
        //使用指定的配置项和数据显示图案
        myChart.setOption(option);
    </script>
    @endsection